<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- form表单标签在网页上没有任何的显示效果，将页面上输入的数据向后台传递所使用的标签 -->
		<!-- 使用form标签包裹住数据提交的范围，通过action属性确定数据提交的地址 -->
		<!-- 通过method属性确定提交的方式 
		 get方式：数据通过地址栏传递 地址栏有长度限制 传递的数据量有限 地址栏只能放文字 get方式只能提交文本类型的数据 不能上传文件 数据不安全
		post方式：不通过地址栏 单独打成数据包发送 数据包大小一般认为没有限制 传输数据量大 数据包可以放文字和文件 数据不显示在地址栏 数据相对安全-->
		<!-- 准备一个提交按钮 -->
		<!-- button是一个简单的按钮 不具备提交功能，应该用submit 必须在form表单 -->
		<!-- 给需要提交数据的输入框添加name和value属性 -->
		<!-- 不是所有的标签添加name和value属性就都可以提交的，只有输入框标签才可以 -->
		<form action="https://www.baidu.com" method="get">  <!-- post为什么就出错了呢 通过f12也能看密码 -->
		<table border="1px" align="center" cellspacing="0px">
			<tr>
				<td align="center">账号：</td>
				<td><input type="text" name="username" /></td>  <!-- 123会直接显示 name属性要添加 value属性其实就是输入的值 -->
			</tr>
			<tr>
				<td>密码：</td>
				<td><input type="password" name="mima"/></td>
			</tr>
			<tr>
				<td>性别：</td>
				<td><input type="radio" name="lrt"/>男 <input type="radio" name="lrt" checked/> 女</td>
			</tr>
			<tr>
				<td>爱好：</td>
				<td><input type="checkbox" checked/> 篮球 <input type="checkbox"/> 羽毛球 <input type="checkbox"/>乒乓球</td>
			</tr>
			<tr>
				<td>请选择照片：</td>
				<td><input type="file"/></td>
			</tr>
			<tr>
				<td>个人简介：</td>
				<td><textarea>请介绍一下你自己</textarea></td>
			</tr>
			<tr>
				<td>籍贯：</td>
				<td><select>
				<option>广东</option>
				<option>海南</option>
				<option selected>请选择你的省份</option>
				<option>北京</option>
				</select></td>
			</tr>
			<tr align="center">
				<!-- button是一个简单的按钮 不具备提交功能，应该用submit 必须在form表单 -->
				<!-- <td colspan="2"><input type="button" value="提交"/></td> -->  <!-- 出现一个显示提交2个字的按钮 -->
				<td colspan="2"><input type="submit"  name="确定" /></td>   <!-- 已经默认是提交两个字了 -->
			</tr>
		</table>
		</form>
	</body>
</html>